<template>
  <!-- <van-list
    v-model="loading"
    :finished="finished"
    finished-text="没有更多了"
    @load="onLoad"
  > -->
  <main>
    <!-- render -->
    <chat-mainrender></chat-mainrender>
    <!-- what -->
    <chat-mainwhat></chat-mainwhat>
  </main>
  <!-- </van-list> -->
</template>

<script>
import ChatMainrender from "./ChatMainrender.vue";
import ChatMainwhat from "./ChatMainwhat.vue";

// 引入vant-list
// import { List } from "vant";
// import { ref } from "vue";
export default {
  // setup() {
  //   const list = ref([]);
  //   const loading = ref(false);
  //   const finished = ref(false);

  //   const onLoad = () => {
  //     // 异步更新数据
  //     // setTimeout 仅做示例，真实场景中一般为 ajax 请求
  //     setTimeout(() => {
  //       for (let i = 0; i < 10; i++) {
  //         list.value.push(list.value.length + 1);
  //       }

  //       // 加载状态结束
  //       loading.value = false;

  //       // 数据全部加载完成
  //       if (list.value.length >= 40) {
  //         finished.value = true;
  //       }
  //     }, 200);
  //   };

  //   return {
  //     list,
  //     onLoad,
  //     loading,
  //     finished,
  //   };
  // },

  components: {
    ChatMainrender,
    ChatMainwhat,
    // VanList: List,
  },
};
</script>

<style lang="less" scoped>
main {
  width: 100%;
  position: fixed;
  top: 494px;
  bottom: 100px;
  overflow: auto;
}
</style>
